<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no" />
  <title>手风琴</title>
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="./css/common.css" type="text/css" />
  <link rel="stylesheet" href="./css/demo.css" />
</head>

<body>
  <div class="box">
    <div><img src="./img/image1.jpg" alt=""></div>
    <div>
      <img src="./img/image2.jpg" alt="">
      <div class="text">
        <p>some text here</p>
      </div>
    </div>
    <div><img src="./img/image3.jpg" alt=""></div>
    <div><img src="./img/image4.jpg" alt=""></div>
    <div><img src="./img/image5.jpg" alt=""></div>
    <div>
      <img src="./img/image6.jpg" alt="">
      <div class="text">
        <h1>this is a big title</h1>
        <p>Laborum anim quis non sint qui. Non deserunt laboris nulla proident tempor in occaecat. Excepteur proident ex
          veniam labore. Magna dolor sunt pariatur nisi nulla. Est pariatur amet cillum sint nostrud. Proident mollit
          occaecat exercitation minim nisi labore ullamco nulla mollit pariatur. Commodo aute est culpa pariatur velit
          tempor enim ipsum deserunt id non tempor.</p>
      </div>
    </div>
    <div><img src="./img/image7.jpg" alt=""></div>
    <div><img src="./img/image8.jpg" alt=""></div>
    <div><img src="./img/image9.jpg" alt=""></div>
    <div><img src="./img/image10.jpg" alt=""></div>
    <div><img src="./img/image11.jpg" alt=""></div>
    <div><img src="./img/image12.jpg" alt=""></div>
    <div><img src="./img/image13.jpg" alt=""></div>
    <div><img src="./img/image14.jpg" alt=""></div>
    <div><img src="./img/image15.jpg" alt=""></div>
    <div><img src="./img/image16.jpg" alt=""></div>
    <div><img src="./img/image17.jpg" alt=""></div>
    <div><img src="./img/image18.jpg" alt=""></div>
    <div><img src="./img/image19.jpg" alt=""></div>
    <div><img src="./img/image20.jpg" alt=""></div>
  </div>
  <script src="./js/demo.js"></script>
  <script>
    let gx = new Gellary('.box', { width: 5, height: 4 })
    console.log(gx);
  </script>
</body>

</html>